/* ./src/index.css */

/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  body {
    @apply bg-fixed;
  }

  .el-button {
    @apply focus:outline-none;
  }

  .el-card.collapse > .el-card__header,
  .el-card.collapse > .el-card__body {
    @apply p-0;
  }

  .el-card.collapse > .el-card__header > div,
  .el-card.collapse > .el-card__body > div {
    @apply p-5;
  }

  .el-card.collapse > .el-card__header i {
    @apply transition-transform transform;
  }

  .el-card.collapse.closed > .el-card__header i {
    @apply rotate-0;
  }

  .el-card.collapse.opened > .el-card__header i {
    @apply rotate-90;
  }

  .large-button {
    @apply w-24 h-24 rounded-md border flex flex-col justify-center items-center hover:bg-gray-300 transition-colors;
  }
  .large-button > i {
    @apply w-full text-center text-4xl;
  }
}

body {
  background-image: url('/background.jpg');
}
